<!DOCTYPE html>
<html>
<head>
<s3:data name='CollDatas.headerScript' />
<s3:import type="css"></s3:import>
    
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-sliders.css${data:buildversion}">
<title>工资条</title>
<style>
    body #slider .cmp-content{
        top: 0;
    }
</style>
</head>
<body class="cmp-fullscreen">
    <!--<header class="cmp-bar cmp-bar-nav">-->
        <!--<div id="prev" style="display:inline-block;">-->
            <!--<a class="cmp-action-back cmp-icon see-icon-v5-common-arrow-back cmp-pull-left cmpCommonPageBackBtn"></a>-->
            <!--<div class="doc-back">-->
                <!--<span style="font-size: 16px!important;"><i18n key="hr.h5.back"></i18n></span>-->
            <!--</div>-->
            <!--<div style="clear:both;"></div>-->
        <!--</div>-->
        <!--<a id="showMonth" data-options='{"type":"month"}' class="cmp-icon cmp-pull-right">-->
            <!--<span class="cmp-icon see-icon-v5-common-date" style="font-size: 16px;color: #fff!important;margin: 0;padding: 0;"></span>-->
        <!--</a>-->
        <!--<h1 class="cmp-title"><span><i18n key="hr.h5.title"></i18n></span></h1>-->
    <!--</header>-->
    <input id="firstCopy" type="hidden" value="">
    <input id="repeatCopy" type="hidden" value="">
    <div id="slider" class="cmp-slider" style="">
        <a id="showMonth" data-options='{"type":"month"}' class="cmp-icon cmp-pull-right">
            <span class="cmp-icon see-icon-v5-common-date" style="font-size: 16px;color: #fff!important;margin: 0;padding: 0;"></span>
        </a>
        <div class="cmp-slider-group" id="slider_group">
        </div>
    </div>
    <script type="text/html" id = "pageContent_tpl" >
        <div class="cmp-slider-item cmp-slider-item-duplicate  cmp-control-content">
        <% var len = this.length;var firstItem = this[0]; var lastItem = this[len-1];%>
            <div id="<%= lastItem.sliderItemId + '_1' %>" class="cmp-content cmp-scroll-wrapper cmp-content-none">
                <!--列表容器-->
                <div class="cmp-scroll">
                    <div align="center" class="money_content" id="0_salaryActually">
                        <ul class="cmp-table-view" >
                            <li class="cmp-table-view-cell"  >
                                <div style="text-align: center;margin-top: 10px;">
                                    <span class="unit">￥</span><span class="money"><%=lastItem.relMoney %></span>
                                </div>
                                <div class="hr_container">
                                    <div class="line">
                                        <div class="tem left"></div>
                                        <div class="tem center active"></div>
                                        <div class="tem right"></div>
                                    </div>
                                </div>
                                <div style="text-align: center;font-size: 14px;line-height: 14px;margin-top: 7px;">
                                    <span class="years"><%=lastItem.item%></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <% var bigTitle = ""; %>
                    <% for(var i = 0,len = lastItem.data.length;i < len; i++){ %>
                    <% var obj = lastItem.data[i]; %>
                    <%if(bigTitle!=obj.bigtitle||bigTitle==""){%>
                    <%if(i == 0){%>
                    <div class="money_table_content" style="margin-top: 0;">
                        <div class="head_title">
                            <span><%=obj.bigtitle%></span>
                        </div>
                    </div>
                    <%}else{%>
                    <div class="money_table_content">
                        <div class="head_title">
                            <span><%=obj.bigtitle%></span>
                        </div>
                    </div>
                    <%}%>
                    <% bigTitle = obj.bigtitle; }%>
                    <div class="money_table_content data">
                        <div class="rows title"><span><%=obj.title %></span></div>
                        <div class="rows number cmp-ellipsis"><span><%=obj.value %></span></div>
                    </div>
                    <% } %>
                </div>
            </div>
        </div>
        <% for(var z = this.length -1 ;z >= 0 ; z--){ %>
            <% var thisObj = this[z]; %>
            <div class="cmp-slider-item cmp-control-content">
                <div id="<%= thisObj.sliderItemId %>" class="cmp-content cmp-scroll-wrapper">
                    <!--列表容器-->
                    <div class="cmp-scroll">
                        <div align="center" class="money_content" id="0_salaryActually">
                            <ul class="cmp-table-view" >
                                <li class="cmp-table-view-cell"  >
                                    <div style="text-align: center;margin-top: 10px;">
                                        <span class="unit">￥</span><span class="money"><%=thisObj.relMoney %></span>
                                    </div>
                                    <div class="hr_container">
                                        <div class="line">
                                            <div class="tem left"></div>
                                            <div class="tem center active"></div>
                                            <div class="tem right"></div>
                                        </div>
                                    </div>
                                    <div style="text-align: center;font-size: 14px;line-height: 14px;margin-top: 7px;">
                                        <span class="years"><%=thisObj.item%></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <% var bigTitle = ""; %>
                        <% for(var i = 0,len = thisObj.data.length;i < len; i++){ %>
                        <% var obj = thisObj.data[i]; %>
                        <%if(bigTitle!=obj.bigtitle||bigTitle==""){%>
                        <%if(i == 0){%>
                        <div class="money_table_content" style="margin-top: 0;">
                            <div class="head_title">
                                <span><%=obj.bigtitle%></span>
                            </div>
                        </div>
                        <%}else{%>
                        <div class="money_table_content">
                            <div class="head_title">
                                <span><%=obj.bigtitle%></span>
                            </div>
                        </div>
                        <%}%>
                        <% bigTitle = obj.bigtitle; }%>
                        <div class="money_table_content data">
                            <div class="rows title"><span><%=obj.title %></span></div>
                            <div class="rows number cmp-ellipsis"><span><%=obj.value %></span></div>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
        <% } %>
        <div class="cmp-slider-item cmp-slider-item-duplicate  cmp-control-content">
            <div id="<%= firstItem.sliderItemId + '_0' %>" class="cmp-content cmp-scroll-wrapper">
                    <!--列表容器-->
                    <div class="cmp-scroll">
                        <div align="center" class="money_content" id="0_salaryActually">
                            <ul class="cmp-table-view" >
                                <li class="cmp-table-view-cell"  >
                                    <div style="text-align: center;margin-top: 10px;">
                                        <span class="unit">￥</span><span class="money"><%=firstItem.relMoney %></span>
                                    </div>
                                    <div class="hr_container">
                                        <div class="line">
                                            <div class="tem left"></div>
                                            <div class="tem center active"></div>
                                            <div class="tem right"></div>
                                        </div>
                                    </div>
                                    <div style="text-align: center;font-size: 14px;line-height: 14px;margin-top: 7px;">
                                        <span class="years"><%=firstItem.item%></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <% var bigTitle = ""; %>
                        <% for(var i = 0,len = firstItem.data.length;i < len; i++){ %>
                        <% var obj = firstItem.data[i]; %>
                        <%if(bigTitle!=obj.bigtitle||bigTitle==""){%>
                        <%if(i == 0){%>
                        <div class="money_table_content" style="margin-top: 0;">
                            <div class="head_title">
                                <span><%=obj.bigtitle%></span>
                            </div>
                        </div>
                        <%}else{%>
                        <div class="money_table_content">
                            <div class="head_title">
                                <span><%=obj.bigtitle%></span>
                            </div>
                        </div>
                        <%}%>
                        <% bigTitle = obj.bigtitle; }%>
                        <div class="money_table_content data">
                            <div class="rows title"><span><%=obj.title %></span></div>
                            <div class="rows number cmp-ellipsis"><span><%=obj.value %></span></div>
                        </div>
                        <% } %>
                    </div>
                </div>
        </div>
    </script>
    <s3:data name='cordova' /> 
    <s3:data name='CollDatas.footerScript' />
	<s3:import type="js"></s3:import>
<script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-sliders.js${data:buildversion}"></script>                            
<script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-headerFixed.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.hr'/>/js/hrSalary.js${data:buildversion}"></script>
</body>
</html>
